/**
 * CSS Document * 
 * Created by Jessie 2016/9/23.
 */
.mt20{margin-top: 20px;}
.clearfix {
  display: block;
  zoom: 1;
  &:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
.clear {
  clear: both;
  height: 0;
  margin: 0;/**/
  overflow: hidden;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.dis-in-b {
  display: inline-block;
}
.rounded-corners (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}
@font-yahei:"微软雅黑";
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
ul,li{padding: 0;margin: 0;list-style: none;}
.container{width: 1024px !important;}
#header{height: 80px;background: #0082ca url("../images/header_bg.png") no-repeat left top;padding: 0 0 0 12px;.clearfix;
  h1{.dis-in-b;.float-left;margin:0;padding:0;
    a{.dis-in-b;width:240px;height:80px;padding:16px 0 16px 50px;background: url("../images/logo.png") no-repeat left center;font:bold 20px/22px @font-yahei;color: #fff;
      small{color: #eee;font-size: 14px;}
      &:hover{text-decoration: none;}
    }}
  .r-box{.dis-in-b;.float-right;}
  .nav{.dis-in-b;.float-left;border-left:1px solid #0068a2;
    li{.dis-in-b;.float-left;border-right:1px solid #0068a2;width: 85px;margin: 0;padding: 0;height: 80px;
      a{.dis-in-b;width: 100%;height: 80px;.text-center;padding: 0;span{display: none;}
        &.a1{background: url("../images/header_ico01.png") no-repeat center center;}
        &.a2{background: url("../images/header_ico02.png") no-repeat center center;}
        &.a3{background: url("../images/header_ico03.png") no-repeat center center;}
        &.a4{background: url("../images/header_ico04.png") no-repeat center center;}
        &:hover,&.cur{padding-top: 50px;
          span{font:14px/20px "微软雅黑";color: #fff;display: block;}
          &.a1{background: #0f3a5c url("../images/header_ico01_h.png") no-repeat center 12px;}
          &.a2{background: #0f3a5c url("../images/header_ico02_h.png") no-repeat center 12px;}
          &.a3{background: #0f3a5c url("../images/header_ico03_h.png") no-repeat center 12px;}
          &.a4{background: #0f3a5c url("../images/header_ico04_h.png") no-repeat center 12px;}
        }
      }
    }
  }
  .user{.dis-in-b;.float-left;width: 170px;position: relative;
    dl{.clearfix;padding: 20px 20px 14px 20px;background: url("../images/header_ico05.png") no-repeat 150px center;cursor: pointer;
          &.bg{background: #0f3a5c;
            dt{i{display: none;}}
          }
      dt{.dis-in-b;.float-left;width: 45px;height: 45px;position: relative;
        i{.dis-in-b;width: 16px;height: 16px;.rounded-corners(8px);background: #ff5448;font:12px/16px "微软雅黑";color: #fff;.text-center;position: absolute;top:-2px;right: -6px;}
        img{width: 45px;height: 45px;.rounded-corners(22px);}}
      dd{.dis-in-b;.float-left;padding-left:20px;font:16px/20px @font-yahei;color: #fff;a{font:14px/20px @font-yahei;color: #ccc;}}
    }
    .tc{.dis-in-b;width: 170px;background: #0f3a5c;position: absolute;left: 0;top:79px;padding: 0;display: none;z-index: 9999;
      li{border-top:1px solid #0d314e;.text-left;
        a{.dis-in-b;margin:0;padding-left: 57px;font:14px/50px @font-yahei;color: #fff;position: relative;
          i{.dis-in-b;width: 16px;height: 16px;.rounded-corners(8px);background: #ff5448;font:12px/16px "微软雅黑";color: #fff;.text-center;position: absolute;top:8px;right: -10px;}
          &.a1{background: url("../images/user_ico01.png") no-repeat 21px center;}
          &.a2{background: url("../images/user_ico02.png") no-repeat 19px center;}
          &.a3{background: url("../images/user_ico03.png") no-repeat 20px center;}
          &.a4{background: url("../images/user_ico04.png") no-repeat 20px center;}
          &.a5{background: url("../images/user_ico05.png") no-repeat 20px center;}
        }
      }
    }
  }
}
#content{background: #f5f5f5 url("../images/con_bg_top.png") repeat-x left top;padding:30px 12px;.text-left;.clearfix;}
#footer{background: #0e3758;padding: 30px 0;font:14px/24px @font-yahei;color: #ccc;.text-center;}
.bg-white {/**/
  background: #fff;
}
p, label, h1, h2, dl {/**/
  padding: 0;
  margin: 0;
}
h1, h2 {/**/
  font-size: 0;
}